<template>
  <div class="me-page">
    <!--<headBar  isBack="show">-->
      <!--<div slot="xm-header-center">-->
        <!--<div class="xm-header-title" >设置</div>-->
      <!--</div>-->
      <!--<div slot="xm-header-right"></div>-->
    <!--</headBar>-->
    <div class="opt-group">
      <router-link to="/repwd" class="item flex flex-pack-justify border-bottom">账号安全<i class="icon icon-arrowright"></i></router-link>
      <router-link to="/about" class="item flex flex-pack-justify border-bottom">关于熊猫联采<i class="icon icon-arrowright"></i></router-link>
    </div>
    <div class="opt-group">
      <div class="item login-out border-bottom" @click="logout"><span class="red-color">退出</span></div>
    </div>
  </div>
</template>
<script>
  export default {
    props: {},
    data() {
      return {};
    },
    methods: {
        logout(){
          logout().then(data=>{
              if(data.returnCode == '000000'){
//                this.$store.commit('modifyLoginStatus', false);
                Cookie.remove('name');
                this.$router.push({name: 'login'});
              }
          })
        }
    },
    filters: {},
    created() {

    },
    mounted(){

    },
    components: {
    }
  };
</script>
<style lang="less">
  @import "./me.less";
</style>
